.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 16px;
}
// swiper-pagination

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  width: 16px;
  background: #fff;
}
// swiper-pagination >  swiper-pagination-bullet

.swiper-container-horizontal
  > .swiper-pagination-bullets
  .swiper-pagination-bullet {
  width: 8px;
  height: 4px;
  border-radius: 2px;
  background: hsla(0, 0%, 100%, 0.7);
}
// swiper-pagination >  swiper-pagination-bullet-active



// ======================================================

.my-bullet {
  display: inline-block;
  width: 8px;
  height: 4px;
  margin-right: 8px;
  background: #cdcdcd;
  border-radius: 2px;
  opacity: .69;
  cursor: pointer;
}
// swiper-pagination >  my-bullet

.my-bullet-active {
  width: 16px;
  height: 4px;
  background: #cacaca;
  border-radius: 2px;
}
// swiper-pagination >  my-bullet-active
